<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html 
	xmlns="http://www.w3.org/1999/xhtml" 
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:p="http://primefaces.org/ui"
	lang="en">
	
	<ui:decorate template="/WEB-INF/facelets/conteudoSis.xhtml">
		<ui:define name="conteudo">
			<div class="row-fluid">
				<div class="span12" style="height: 70px;">
				</div>
			</div>	
			
			<div class="row-fluid">
				<div class="span2">
				</div>
				<div class="span8">
			<h:panelGroup rendered="#{UsuarioMB.modoListar}">
				<h:messages id="messages" globalOnly="true"
                style="border: 1px solid #999999;background-color:#ffffee;padding:6px;font-weight:bold"
                errorStyle="color:#ff0000;font-weight:bold" layout="table"/>
                
				<h:form>
					<p:commandButton action="#{UsuarioMB.criar}" value="Novo &raquo;" ajax="false" styleClass="btn btn-primary"/>
					<p></p>
						
					<p:dataTable 
						value="#{UsuarioMB.lista}" 
						var="obj" 
						selectionMode="single" 
						selection="#{UsuarioMB.entidade}"
						paginator="true"
						rows="10"
						rowKey="#{obj.id}"
						widgetVar="tabela">
							

						<p:column>
					    	<f:facet name="header">
					       		<h:outputText value="Nome" />
					       	</f:facet>
					           <h:outputText value="#{obj.nome}" />
					    </p:column>
					    
					    <p:column>
					    	<f:facet name="header">
					       		<h:outputText value="Editar" />
					       	</f:facet>
					           <p:commandButton value="Editar" action="#{UsuarioMB.editar(obj)}"/>
					    </p:column>
					</p:dataTable>
				</h:form>
			</h:panelGroup>
			
			<h:panelGroup rendered="#{UsuarioMB.modoEditar}">
				<h:form styleClass="form-horizontal">
					
					<p:messages id="mensagens"></p:messages>	
						
					<fieldset>
						<legend>Cadastro de Usuários</legend>
					
						<div class="control-group">	
							<h:outputLabel value="Nome:" for="nome" styleClass="control-label"/>
							<p:inputText id="nome" value="#{UsuarioMB.entidade.nome}" maxlength="20"/>
						</div>
						
						<div class="control-group">	
							<h:outputLabel value="Senha:" for="senha" styleClass="control-label"/>
							<p:password id="senha" value="#{UsuarioMB.entidade.senha}" maxlength="20"/>
						</div>
							
						<div class="control-group">	
							<h:outputLabel value="E-mail:" for="email" styleClass="control-label"/>
							<p:inputText id="email" value="#{UsuarioMB.entidade.email}" maxlength="100"/>
						</div>
							
						<div class="control-group">
							<p:commandButton 
								value="Gravar" 
								action="#{UsuarioMB.gravar}"
								ajax="false"
								styleClass="btn btn-success"/>
								
							<p:commandButton 
								value="Voltar" 
								action="#{UsuarioMB.voltar}"
								immediate="true"
								ajax="false"
								styleClass="btn btn-warning"/>
							
							<p:commandButton 
								value="Excluir" 
								action="#{UsuarioMB.excluir}"
								rendered="#{UsuarioMB.exibirExcluir}"
								onclick="confirmation.show()" 
								ajax="false"
								type="button"
								styleClass="btn btn-danger"/>
								
							<p:confirmDialog 
								id="confirmDialog" 
								message="Confimar a exclusão do registro?"  
						    	header="Confirmação!" 
						    	severity="alert" 
						    	widgetVar="confirmation">  
						                  
								<p:commandButton 
						   			id="confirm" 
						   			value="Sim" 
						   			oncomplete="confirmation.hide()"  
						    		action="#{UsuarioMB.excluir}"
	   								ajax="false"/>  
						        
								<p:commandButton 
						  			id="decline" 
						   			value="Não" 
						   			onclick="confirmation.hide()" 
						   			type="button" />   
						                  
							</p:confirmDialog>
						</div>
					</fieldset>
				</h:form>
			</h:panelGroup>
		</div>
				</div>
			</ui:define>
	</ui:decorate>
</html>